<template>
<!--  组件结构-->
  <div class="school">
      <h2>{{msg}}</h2>
      <h3>学校：{{name}}</h3>
      <h3>地址：{{address}}</h3>
  </div>
</template>

<script>
import pubsub from "pubsub-js";
//组件交互相关代码（数据、方法等）
   export default{
     name:'Student',
     props:['showname'],
      data(){
        return {
          msg:'这里是召唤师峡谷',
          name:'战争学院',
          address: '扭曲丛林'
          }
      },
     mounted() {
       // this.$bus.$on('hello',(data)=>{
       //   console.log('我是school组件，收到数据了：',data)
       // })


       this.pubid=pubsub.subscribe('hello', (msgname,data)=>{
         console.log(this)
         console.log('有人发布了hello消息，hello消息的回调执行了',msgname,data)
       })

     },
     beforeDestroy() {
       // this.$bus.$off('hello')

       pubsub.unsubscribe(this.pubid)
     }


   }

</script>

<style>
/*组件样式*/
  .school{
    background-color: rgb(19, 122, 88);
    padding: 5px;
  }
</style>